<template>
  <div>
    <div id="wapper">
      <my-header :headerParam="headerParam"></my-header>
      <!---->
      <!---->
      <div id="set">
        <router-link to="/setpwd" class="line">
          <div class="line-con clearfix">
            <span class="t1">修改密码</span>
            <span class="icon"></span>
          </div>
        </router-link>
        <div class="line">
          <div class="line-con clearfix">
            <span class="t1">关于</span>
            <span class="icon"></span>
          </div>
        </div>
         
          <div class="line-con1 clearfix">
            <span class="t1">版本号</span>
            <span class="  version">V1.0</span>
          </div>
        
        <p class="quitlogin margin-center" @click="quit">退出登录</p>
      </div>
    </div>
  </div>
</template>
<script>
  import MyHeader from '@/components/header'
  import {MessageBox} from 'mint-ui';
  export default{
    data(){
      return {
        headerParam: {
          title: '设置',
          setting: 0,
          back: 1
        }
      }
    },
    components: {MyHeader, MessageBox},
    methods: {
      quit () {
        //点击退出
        MessageBox({
          title: '',
          message: '确定退出？',
          showCancelButton: true,
        }).then((data)=>{
          if(data == 'confirm'){
            this.$store.dispatch('userLogout');
            this.$router.push({path: '/login'})
          }
        });
      }
    },
    mounted: function () {

    }
  }
</script>
<style lang="less" scoped>
 .quitlogin{
  background-color:#fff;
 }
.line-con1{
    width: 100%;
    height: 100%;
    padding-left: 0.3rem;
    font-size: 0.32rem;
    color: #333333;
    border-bottom: 0.02rem solid #F2F2F2;
   & span:nth-child(1){
 
    display: inline-block;
    font-size: 0.32rem;
    line-height: 1.27rem;
    width:49%;
    
   }
   .version{
     width: 49%;
     display: inline-block;
     line-height: 1.27rem;
      text-align: end;
      color: #333333;
      padding-right: 15px;
   }
}
#header{
   // border-bottom: 1px solid #808080; 
}
 

.mint-msgbox-confirm{
  color: #eee;
}
</style>

